<!doctype html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>result</title>
<meta name="description" content="">

<!-- styles -->
<link href="WEB-INF/resources/css/lib/bootstrap/bootstrap.css"
	rel="stylesheet">
<link href="WEB-INF/resources/css/lib/bootstrap/bootstrap-responsive.css"
	rel="stylesheet">
<link href="WEB-INF/resources/css/main.css" rel="stylesheet">


<!-- javascript
================================================== -->
<script src="WEB-INF/resources/js/lib/jquery/jquery-1.7.2.min.js"></script>
<script src="WEB-INF/resources/js/lib/bootstrap/bootstrap.js"></script>

<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
		  <script src="WEB-INF/resources/js/lib/bootstrap/html5.js"></script>
		<![endif]-->
</head>
<body>
	<!-- Header
    ================================================== -->
	<div class="navbar header">
		<div class="navbar-inner">
			<div class="container">
				<a class="brand" href="#">sopaths</a>
				<div class="pull-right">
					<div class="nav-collapse collapse">
						<ul class="nav">
							<li><span>姬小路熊猫</span></li>
							<li><a href="#"><i class="icon-cog"></i>企业管理(新简历3份)</a></li>
							<li><a href="#" class="last"><i class="icon-off"></i>退出</a></li>
						</ul>
					</div>
					<!--/.nav-collapse -->
					<a href="#" class="btn btn-primary pull-right">发布招聘信息</a>
				</div>
			</div>
		</div>
	</div>

	<!-- Menu
    ================================================== -->

	<!-- Container
    ================================================== -->
	<div class="container margin-t30">
		<div class="well height-small">
			<form class="form-horizontal form-small">
				<div class="control-group">
					<label class="control-label" for="">工作地点：</label>
					<div class="controls">
						<input class="input-xlarge" id="" type="text" placeholder="不限" disabled>

						<!-- Button to trigger modal -->
								<a href="#myModal" role="button" class="btn btn-small" data-toggle="modal">选择地点</a>
								 
								<!-- Modal -->
								<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
								  <div class="modal-header">
								    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								    <h3 id="myModalLabel">选择城市：<a class="btn">不限</a></h3>
								  </div>
								  <div class="modal-body modal-table">
								      <table class="table table-striped">
								      	<tr>
								      		<th>主要城市：</th>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      	</tr>
								      	<tr>
								      		<th>&nbsp;</th>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      	</tr>
								      	<tr>
								      		<th>&nbsp;</th>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      		<td><a href="#">北京</a></td>
								      		<td><a href="#">上海</a></td>
								      		<td><a href="#">广州</a></td>
								      	</tr>
								      	<tr>
								      		<th>其他城市：</th>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      	</tr>
								      	<tr>
								      		<th>&nbsp;</th>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      	</tr>
								      	<tr>
								      		<th>&nbsp;</th>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      		<td><a href="#">河北</a></td>
								      		<td><a href="#">河南</a></td>
								      		<td><a href="#">广东</a></td>
								      	</tr>
								      </table>
								  </div>
								  <div class="modal-footer">
								    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
								  </div>
								</div>

					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="">工作年限：</label>
					<div class="controls fixed-width">
						<a href="#">全部</a>
						<a href="#">无经验</a>
						<a href="#">1年以下</a>
						<a href="#">1-3年</a>
						<a href="#">3-5年</a>
						<a href="#">5-10年</a>
						<a href="#">10年以上</a>
					</div>
				</div>
				<div class="control-group">
					<label class="control-label" for="">职位：</label>
					<div class="controls">
						<input class="input-xlarge" id="" type="text" placeholder="">
						<a href="#" class="btn btn-small margin-r10">搜索职位</a><a href="#" class="btn btn-small">搜索简历</a>
					</div>
				</div>
			</form>
		</div>
		<table class="table table-bordered table-striped">
			<thead>
				<tr>
					<th>简历名称</th>
					<th>编号</th>
					<th>期待工作地点</th>
					<th>更新日期</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td><a href="#"><span class="red-font">产品</span>渠道销售</a><br>
					<small>经验：1-3年</small></td>
					<td>sopaths000001</td>
					<td>北京</td>
					<td>10-15</td>
				</tr>
				<tr>
					<td><a href="#"><span class="red-font">产品</span>渠道销售</a><br>
					<small>经验：1-3年</small></td>
					<td>sopaths000001</td>
					<td>北京</td>
					<td>10-15</td>
				</tr>
				<tr>
					<td><a href="#"><span class="red-font">产品</span>渠道销售</a><br>
					<small>经验：1-3年</small></td>
					<td>sopaths000001</td>
					<td>北京</td>
					<td>10-15</td>
				</tr>
				<tr>
					<td><a href="#"><span class="red-font">产品</span>渠道销售</a><br>
					<small>经验：1-3年</small></td>
					<td>sopaths000001</td>
					<td>北京</td>
					<td>10-15</td>
				</tr>
				<tr>
					<td><a href="#"><span class="red-font">产品</span>渠道销售</a><br>
					<small>经验：1-3年</small></td>
					<td>sopaths000001</td>
					<td>北京</td>
					<td>10-15</td>
				</tr>
				<tr>
					<td><a href="#"><span class="red-font">产品</span>渠道销售</a><br>
					<small>经验：1-3年</small></td>
					<td>sopaths000001</td>
					<td>北京</td>
					<td>10-15</td>
				</tr>
			</tbody>
		</table>
		<div class="pagination pagination-right">
			<ul>
				<li class="disabled"><a href="#">«</a></li>
				<li class="active"><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li><a href="#">»</a></li>
			</ul>
		</div>
	</div>

	<!-- Footer
    ================================================== -->
	<footer class="footer">
		<div class="container">
			<p>
				Designed and built with all the love in the world by <a
					href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a
					href="http://twitter.com/fat" target="_blank">@fat</a>.
			</p>
			<p>
				Code licensed under <a
					href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache
					License v2.0</a>, documentation under <a
					href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
			</p>
			<p>
				<a href="http://glyphicons.com">Glyphicons Free</a> licensed under <a
					href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.
			</p>
			<ul class="footer-links">
				<li><a href="http://blog.getbootstrap.com">Blog</a></li>
				<li class="muted">&middot;</li>
				<li><a
					href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
				<li class="muted">&middot;</li>
				<li><a href="https://github.com/twbs/bootstrap/releases">Changelog</a></li>
			</ul>
		</div>
	</footer>

</body>
</html>